import React, { Component, useState } from "react";
// 第三方库  用来校验父组件传过来的值
import propTypes from "prop-types"
export default function Son(props) {
    console.log(props, "props")
    let { aa, bb } = props
    let { a, b } = props.obj
    // 函数里面的状态码 双向数据绑定
    let [cont] = useState(2)
    let [user] = useState("jsjsjsjjs")
    return <div>
        <h1>{aa}</h1>
        <h1>{bb}</h1>
        <h2>{a}</h2>
        <h2>{b}</h2>
        <hr />
        <h2>函数里面的状态码:{cont}</h2>
        <h2>函数里面的状态码:{user}</h2>
    </div>
}
// 语法
Son.propTypes = {
    aa: propTypes.string
}
// export default class Son extends Component {
//     // 内部自定义参数
//     static defaultProps = {
//         cc: "123"
//     }
//     state = {
//         cont: "1"
//     }
//     render() {
//         // 外部传入参数
//         let { aa, bb, cc } = this.props;
//         let { a, b } = this.props.obj
//         console.log(this, "this")
//         // 类里面的状态码  双向数据绑定的
//         let { cont } = this.state
//         return <div>
//             <h1>{aa}</h1>
//             <h1>{bb}</h1>
//             <h1>内部属性：{cc}</h1>
//             <h2>{a}</h2>
//             <h2>{b}</h2>
//             <h2>类里面的状态码：{cont}</h2>
//         </div>
//     }
// }
// 语法
// Son.propTypes = {
//     aa: propTypes.string,
//     bb: propTypes.string,
// }